<template>
	<view class="successfulTrade">
		<uninavbar title="沙漏商城" leftIcon='leftIcon' rightIcon='' rightText="" />
		<view class="successTip">
			<image src="/static/images/user/s.png" mode=""></image>
			<view class="">
				交易成功
			</view>
		</view>
		<view class="successBtn">
			<view class="">
				返回首页
			</view>
			<view class="">
				立即评价
			</view>

		</view>
		<view class="articleList">
			<articleList :list="list" />
		</view>
	</view>
</template>

<script>
	import uninavbar from '@/components/uni-nav-bar/uni-nav-bar.vue';
	import articleList from '@/components/article/list.vue';
	import API from '@/config/newApi.js'
	export default {
		components: {
			uninavbar,
			articleList
		},
		data() {
			return {
				list: [],
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			getData: function() {
				let data = {
					// pageNum=1&pageSize=4
				}
				API.recommendProductList().then(res => {

						if (res.code == 200) {
							this.list = this.list.concat(res.data);
						}
					})
					.catch(err => {
						console.log(err)
					})
			},
		}
	}
</script>

<style scoped lang="scss">
	.successfulTrade {
		padding-top: 100rpx;
	}

	.successTip {
		text-align: center;
		padding-top: 50rpx;
		font-size: 32rpx;
		font-weight: bold;

		image {
			width: 120rpx;
			height: 120rpx;
		}
	}

	.successBtn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 40rpx;
		padding: 40rpx;
		view {
			width: 320rpx;
			height: 80rpx;
			border: 2rpx solid #6954D5;
			color: #6954D5;
			text-align: center;
			line-height: 80rpx;
			border-radius: 40rpx;
		}
		
	}
	.successBtn view:nth-child(2){
		background-color: #6954D5;
		color: #fff;
	}
	.articleList{
		background-color: #fff;
	}
</style>